// import { createElement } from 'react';
import {createElement, renderDOM,render} from './element.js';
// 跳过JSX-> 编译过程
{/* <ul className="list">
  <li className="item">周杰伦</li>
  <Home />
  <li className="item">王俊凯</li>
  <li className="item">王力宏</li>
</ul> */}
let virtualDOM=createElement('ul',{class:'list'},[
  createElement('li',{class:'item'},['周杰伦']),
  createElement('li',{class:'item'},['王俊凯']),
  createElement('li',{class:'item'},['王力宏']),
])

console.log(virtualDOM);

let el=render(virtualDOM);// 渲染 内存中 document.createElement(tag)
// Element树->Tag树
console.log(el);
renderDOM(el,document.getElementById('root'))

const App=()=>{
  return (
    <div></div>
  )
}

export default App;